<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../../css/base.css">
    <link rel="stylesheet" href="../../sass/lll/overdueDiary.min.css">
</head>

<body>
    <header>
        <section class="maxwidth">
            <section class="left">
                <div class="logobox">
                    <img src="../../img/logo.gif" alt="">
                    <span>胶囊日记</span>
                </div>
                <div>首页</div>
                <div>关注</div>
                <div>话题</div>
                <div>App下载</div>
            </section>

            <section class="right">
                <div>写日记</div>
                <div class="remindDiv hasAfter">
                    <p>提醒(<span>0</span>)</p>
                    <ul>
                        <li class="noRemind">没有提醒</li>
                        <li><a href=""></a></li>
                    </ul>
                </div>
                <div class="userDiv hasAfter">
                    <p>用户名</p>
                    <ul>
                        <li><a href="">我的日记</a></li>
                        <li><a href="">我关注的人</a></li>
                        <li><a href="">设置</a></li>
                        <li><a href="">退出</a></li>
                    </ul>
                </div>
            </section>
        </section>
    </header>

    <section class="mainBox maxwidth">
        <section class="articalBox">
            <h2>《日记标题》已过期</h2>
            <div class="noDiaryItem">没有日记。</div>
            <section class="oneDayDiaries">
                <!-- <div>
                    <div class="time">08 : 24 am</div>
                    <img src="" alt="">
                    <p>一点文字</p>
                    <div class="bottom"><span>${n}</span>回复</div>
                </div> -->
            </section>
            <!-- <div class="bottomBox"> -->
                <div class="btnBox">
                    <div class="backBtn">时间后退</div>
                    <div class="frontBtn">时间前进</div>
                </div>
            <!-- </div> -->
        </section>

        <section class="sidebar">
            <div class="date">
                <div class="month"></div>
                <div>
                    <div class="day"></div>
                    <div class="year"></div>
                </div>
            </div>
            <div class="selectTime">
                <select name="" id="monthSelect">
                    <option value="1">一月</option>
                    <option value="2">二月</option>
                    <option value="3">三月</option>
                    <option value="4">四月</option>
                    <option value="5">五月</option>
                    <option value="6">六月</option>
                    <option value="7">七月</option>
                    <option value="8">八月</option>
                    <option value="9">九月</option>
                    <option value="10">十月</option>
                    <option value="11">十一月</option>
                    <option value="12">十二月</option>
                </select>
                <select name="" id="yearSelect">
                    <option value="">2022</option>
                </select>
            </div>
            <div class="dayItemBox">
                <div>
                    <div>一</div>
                    <div>二</div>
                    <div>三</div>
                    <div>四</div>
                    <div>五</div>
                    <div>六</div>
                    <div>日</div>
                </div>
                <div class="changeBox">
                </div>
                <section>
                    <div class="lastMonth">上个月</div>
                    <div class="nextMonth">下个月</div>
                </section>
            </div>

            <div class="authorBox">
                <h3>name</h3>
                <img src="" alt="">
                <div class="joinTime">time 加入</div>
                <div class="describe"></div>
                <div class="attention">关注此人</div>
                <div class="a">屏蔽此人</div>
                <div class="a">举报该用户</div>
            </div>
        </section>
    </section>

    <footer>
        <section class="maxwidth">
            <div></div>
            <div></div>
        </section>
        <button>top</button>
    </footer>


    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script src="../../js/requestPre.js"></script>
    <script src="../../js/lll/overdueDiary.js"></script>
</body>

</html>